<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div id="profile-picture"><img class="profile_picture" alt="profile picture" src="frontend/resources/images/pp.png" width="180" height="180" />
    </div>
    <div class="change-picture"><a href="#" class="change-picture">change photo</a></div>
        <div id="member_since">Member since ${basicProfile.creationdate}</div>
        <div class="hidden" id="counts">
        	<hr class="divider"><dl class="counts"><dt class="reviews hidden"><a href="#reviews">Reviews</a></dt>
    <dd class="reviews hidden"><span id="reviewsCount">0</span></dd>
    <!--[if lt IE 8]><dt class="clear"></dt><dd class="clear"></dd><![endif]-->
    <dt class="listings hidden"><a href="#listings">Listings</a></dt>
    <dd class="listings hidden"><span id="listingsCount">0</span></dd>
    <!--[if lt IE 8]><dt class="clear"></dt><dd class="clear"></dd><![endif]-->
    <dt class="places hidden"><a href="#stayed">Places Stayed</a></dt>
    <dd class="places hidden"><span id="placesCount">0</span></dd></dl>
    <div class="clear"></div></div>
    <div id="friends"></div>
    <hr class="divider"><div class="sumary wrapper"><h3>How do profiles help?</h3>
    <span>Profiles allow owners and travelers to get to know one another. </span><br /><a href="#" class="change-picture">Learn more</a></div>
</div>
</body>
</html>